<template>
  <view>
    <view class="smart-page-head">
      <view class="smart-page-head-title">textarea,多行文本</view>
    </view>
    <view class="smart-padding-wrap">
      <view>输入区域高度自适应，不会出现滚动条</view>
      <textarea class="text-area" auto-height />
      <view>占位符字体是红色的</view>
      <textarea class="text-area" placeholder="占位符字体是红色的" placeholder-style="color:#F76260" />
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style>
.text-area {
  border: 1px solid #D8D8D8;
  width: 100%;
  line-height: 60rpx;
}
</style>